<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
		<title>湘科院编程协会-协会动态</title>
		<link rel="stylesheet" href="/css/layui.css">
		<link rel="stylesheet" href="/css/index.css">

		<link rel="stylesheet" href="/css/style1.css" type="text/css" media="all"/>
	</head>

	<body>
		<!-- nav部分 -->
		<div class="nav">
			<div class="layui-container">
				<!-- logo -->
				<div class="nav-logo">
					<a href="index">
						<img src="/img/logo.png" style="width: 200px" height="80px" alt="类友网络">
					</a>
				</div>
				<div class="nav-list">
					<button>
          <span></span><span></span><span></span>
        </button>
				<ul class="layui-nav" lay-filter="">
					<li class="layui-nav-item"><a href="/index">首页</a></li>
					<li class="layui-nav-item"><a href="/gaikuang">协会概况</a></li>
					<li class="layui-nav-item layui-this"><a href="/dongtai">协会动态</a></li>
					<li class="layui-nav-item"><a href="/wangjie">往届风采</a></li>
					<li class="layui-nav-item"><a href="/xuexi">交流学习</a></li>
					<li class="layui-nav-item"><a href="/shiguang">我们的时光</a></li>
					<li class="layui-nav-item"><a href="/jiaru">加入我们</a></li>
		        </ul>
				</div>
			</div>
		</div>
		<!-- banner部分 -->
		<div class="banner dongtai">
			<div class="title">
				<p>协会动态</p>
				<p class="en">Association of dynamic</p>
			</div>
		</div>
		</br>
		</br>
		<!-- detail -->
		<div id="detail2-box" class="clearfix">
			<div class="tit-80"><a href="list-text1.html">协会动态</a> - 查看详情</div>
<!--			<div class="tabula-box">-->
<!--				<div class="max-tit">协会动态</div>-->
<!--				<ul>-->
<!--					<li><a href="list-text1.html">新闻文章类型1</a></li>-->
<!--					<li><a href="list-text1.html">新闻文章类型2</a></li>-->
<!--					<li><a href="list-text1.html">新闻文章类型3</a></li>-->
<!--					<li><a href="list-text1.html">新闻文章类型4</a></li>-->
<!--					<li><a href="list-text1.html">新闻文章类型5</a></li>-->
<!--					<li><a href="list-text1.html">新闻文章类型6</a></li>-->
<!--					<li><a href="list-text1.html">新闻文章类型7</a></li>-->
<!--					<li><a href="list-text1.html">新闻文章类型8</a></li>-->
<!--					<li><a href="list-text1.html">新闻文章类型9</a></li>-->
<!--				</ul>-->
<!--			</div>-->

			<div class="content-box">
				<h1>这里是新闻类型列表标题</h1>
				<ul>
					<li class="text"><a href="detail1.html">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2017-02-23</span></li>
					<li class="text"><a href="detail1.html">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2017-02-23</span></li>
					<li class="text"><a href="detail1.html">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2017-02-23</span></li>
					<li class="text"><a href="detail1.html">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2017-02-23</span></li>
					<li class="text"><a href="detail1.html">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2017-02-23</span></li>
					<li class="text"><a href="detail1.html">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2017-02-23</span></li>
					<li class="text"><a href="detail1.html">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2017-02-23</span></li>
					<li class="text"><a href="detail1.html">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2017-02-23</span></li>
					<li class="text"><a href="detail1.html">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2017-02-23</span></li>
					<li class="text"><a href="detail1.html">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2017-02-23</span></li>
					<li class="text"><a href="detail1.html">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2017-02-23</span></li>
					<li class="text"><a href="detail1.html">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2017-02-23</span></li>
					<li class="text"><a href="detail1.html">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2017-02-23</span></li>
					<li class="text"><a href="detail1.html">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2017-02-23</span></li>
					<li class="text"><a href="detail1.html">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2017-02-23</span></li>
					<li class="text"><a href="detail1.html">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2017-02-23</span></li>
					<li class="text"><a href="detail1.html">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2017-02-23</span></li>
					<li class="text"><a href="detail1.html">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>2017-02-23</span></li>
				</ul>
				<div class="tcdPageCode"></div>
			</div>
		</div>

		<!-- footer部分 -->
		<div class="footer">
			<div class="layui-container">
				<p class="footer-web">
					<a href="http://www.ccyl.org.cn/">共青团中央</a>
					<a href="http://www.ccyl.org.cn/organs/institution/xxb/">团中央学校部</a>
					<a href="http://www.gdcyl.org/Index.html">广东共青团</a>
					<a href="http://www.gdcyl.org/xxb/">广东学联</a>
					<a href="http://www.qygqt.org/">清远共青团</a>
					<a href="http://www.qypt.com.cn/">清远职业技术学院</a>
				</p>
				<div class="layui-row footer-contact">
					<div class="layui-col-sm2 layui-col-lg1"><img src="/img/erweima.png"></div>
					<div class="layui-col-sm10 layui-col-lg11">
						<div class="layui-row">
							<div class="layui-col-sm6 layui-col-md8 layui-col-lg9">
								<p class="contact-top">本站部分文章、资源来自互联网，版权归原作者及网站所有</p>
								<p class="contact-bottom">如果侵犯了您的权利，请及时致信告知我站</p>
							</div>
							<div class="layui-col-sm6 layui-col-md4 layui-col-lg3">
								<p class="contact-top"><span class="right">广东省清远市清城区蟠龙园</span></p>
								<p class="contact-bottom"><span class="right">Copyright&nbsp;©&nbsp;2018-2020 17移动1班吴坤周</span></p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="/js/layui.js"></script>
		<!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
		<script>
			layui.config({
				base: '../res/static/js/'
			}).use('firm');
		</script>
	</body>

</html>